<template>
    <div class="error-page">
        <div class="error-container">
            <el-result icon="error" title="404 NOT_FOUND" sub-title="页面未找到">
                <template #extra>
                    <el-button color="#626aef">
                        <el-link :underline="false" href="/" rel="noopener noreferrer">
                            <el-icon>
                                <inconify icon="eva:arrow-back-outline" style="color: #fff" />
                            </el-icon>
                            <span>返回首页</span>
                        </el-link>
                    </el-button>
                </template>
            </el-result>
        </div>
    </div>
</template>
<script setup name="401">
import { Icon as inconify } from '@iconify/vue'
</script>

<style lang="scss" scoped>
.error-page {
    /*防止鼠标滚动页面出现上下空白区域 */
    position: fixed;
    width: 100vw;
    height: 100vh;
    text-align: center;
    @include flex-center;
    & .el-link {
        color: #fff;
    }
}
</style>
